 {% extends 'CHOMPSGIBundle:Incidentes:base.html.twig' %}
{% set active_page = "" %}

{% block subtitle %} Ver{% endblock %} 
{% block content %}
<h1>Vista extendida</h1>
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#">Informacion Extendida</a>
        </li>
        
        <li><a href="{{ path("incidentes_verComentarios",{ 'id': incidente.id }) }}">Comentarios y notas</a></li>
		{% if incidente.cuentaAnalitica != '' %}
        	<li><a href="{{ path("timesheet_listar",{ 'page': 1, 'incidente': incidente.id }) }}">Horas de Trabajo</a></li>
		{% else %}
        	<li><a href="#" onClick="alert('Primero debe ser asignada una Cuenta Analitica.');">Horas de Trabajo</a></li>
		{% endif %}    
	</ul>
    
     
    <div class="row-fluid">
		<div class="span10 offset1">
			<div class="span12"> 
				<div class="row-fluid">
					<div style="width: 50%; position: relative; float: left;">
					    <h3>Incidente # {{incidente.id}}: {{incidente.titulo}}</h3>
					</div>
					<div style="margin:10px 0 ; float:right">
						{% spaceless %}
							{% if 'EDITAR_INCIDENTE' in permisos %}
								<a class="btn" href="{{path('incidentes_editar',{ 'id': incidente.id })}}">Editar</a>
							{% endif %}
						{% endspaceless %}

						<a class="btn" href="{{path('incidentes_listar',{ 'page': 1 })}}">
							Volver
						</a>	  
					</div>	
			    </div>
				<div class="incidente-container">

					<div class="container output" style="padding: 2px 10px 5px;">
 
						<div class="span12">
						    <h2 style="padding-left: 20px"></h2>
					    </div>
						<div class="span12">
							<div class="form_row2">
								<label>
									Fecha de creación:
								</label>
								{{incidente.getFechaCreacion().format('d-m-Y') | default("") }}
							</div>

							<div class="form_row2">
								<label>
									Creado por:
								</label>
								{{incidente.getCreador()}} 
							</div>
						</div>	
						<div class="span12">
							{% if estado == 'true' %}
							<div class="form_row2">
								<label>Estado</label>
								{{incidente.getEstado.getNombre}}
							</div>
							{% endif %}

							{% if prioridad == 'true' %}
							<div class="form_row2">
								<label>Prioridad</label>
								{{incidente.prioridad}} 
							</div>
							{% endif %}
						</div>
						<div class="span12">
							<div class="form_row2"> 
								<label>Fecha de cierre automatico:</label>
								{{ fechaCierreAutomatico.format('d-m-Y') | default("") }}
							</div>
						</div>
						<div class="span12">
							{% if gruposoporte == 'true' %}
							<div class="form_row2">
								<label>Grupo Soporte</label>
								{{incidente.grupoSoporte}}
							</div>
							{% endif %}

							{% if responsablesoporte == 'true' %}
							<div class="form_row2">
								<label>Responsable Soporte</label>
								{{incidente.responsableSoporte}}
							</div>
							{% endif %}
						</div>
						<div class="span12">
							<div class="form_row2">
								<label>Empresa</label>
								{{incidente.empresa}}
							</div>
							{% if responsablecliente == 'true' %}
							<div class="form_row2">
								<label>Responsable Cliente</label>
								{{incidente.responsableCliente}}
							</div>
							{% endif %}
						</div>
						<div class="span12">
							{% if cuentaanalitica == 'true' %}
							<div class="form_row2">
								<label>Cuenta analítica</label>
								{{incidente.cuentaAnalitica}}
							</div>
							{% endif %}
						</div>
						
					</div>

					<div class="container" style="margin-top:20px; padding: 2px 10px 5px;">
						<h4 style="padding-left: 20px;">Detalle Incidente</h4>
					
						<div class="span12">
							<div class="form_row3">
								<label>
									Descripción
								</label>
								{{ incidente.descripcion }}
							</div>
						</div>
						<div class="span12">
							<div class="form_row3">
								<label>
									Adjuntos
								</label>
								{% if path != '' %}
									<a href="{{ asset(path) }}">  {{ incidente.path }} </a>
								{% endif %}		
								<!-- Mostrar adjuntos -->
							</div>
						</div>
					</div>

					<!--
					{% set currentComentario = 0 %}
					{% set currentComentarioDesc = cantComentarios %}
					{% if (cantComentarios > 0) and (currentComentario < cantComentarios) %}	
					<div class="container" style="margin-top:0px; padding: 2px 10px 5px; overflow: auto; height: 270px;">
						<h4 style="padding-left: 20px;">Comentarios</h4>
						{% for comentario in comentarios %}
							{% set currentComentario = currentComentario + 1%}

							<div class="span10 offset1" style="border: 1px solid #ddd; padding: 10px; margin-bottom: 10px">
								<div class="span6">
									# {{ currentComentarioDesc }}
									<b> {{	comentario.usuario.login }}</b>
								</div>
								<div class="span3 offset2 text-right" style="width: 180px;">
									Fecha: {{ comentario.fechaCreacion|date('Y-m-d H:m') }}
								</div>
								<div class="span12">
									<div>{{	comentario.comentario }}</div>
								</div>
							</div>
							
							{% set currentComentarioDesc = currentComentarioDesc - 1%}
							
						{% endfor %}
					{% else %}
					<div class="container" style="margin-top:0px; padding: 2px 10px 5px;">
						<h4 style="padding-left: 20px;">Comentarios</h4>
							<div class="span10 offset1">
								No existen comentarios para este incidente.
							</div>
						{% endif %} 
						</div>
						
						{% spaceless %}
							{% if 'EDITAR_INCIDENTE_COMENTARIO' in permisos or 'EDITAR_INCIDENTE_ALL' in permisos %}
							 <div  class="formComentario">
							 	Agregue un comentario: <br>				
								<form action="{{ path('incidentes_altaComentario' ,{ 'idIncidente': incidente.id }) }}" method="POST">
									<div>
										<textarea required="true" style="width: 98%;" id="comentario" name="comentario"></textarea>
									</div>
									<br />
									<input class="btn" type="submit" value="Guardar" />
									</div>
								</form>
							 </div>
							{% endif %}
						{% endspaceless %}
					</div>
					-->
				</div><!-- end inicidente container-->
			</div><!-- end span 12-->
		</div><!-- end span 10-->
	</div><!--end row-->


{% endblock %}